<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Map集合(了解)
        // ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合

        // 可以创建一个空的Map
        const mp = new Map;
        // 添加值
        mp.set("早餐", "庆丰包子");
        mp.set("午餐", "黄焖鸡");
        mp.set("晚餐", "海底捞火锅");

        console.log(mp.size); // 获取集合中的元素数量
        console.log(mp.get("午餐")); // 获取
        console.log(mp.get("中午")); // 获取不存在的返回Undefined
        // 询问是否有,宵夜
        console.log(mp.has("宵夜")); // false

        // 删除
        mp.delete("晚餐");

        console.log(mp);

        // 将map集合转成数组
        const arr = [...mp];
        console.log(arr);
        
        // 我们也可以通过二维数组，直接创建一个map
        const m = new Map([['name','李四'], ['age',20], ['sex','男']]);
        console.log(m);
        // Map(3) {'name' => '李四', 'age' => 20, 'sex' => '男'}
    </script>
    
</body>
</html>